import React, { createContext } from 'react'
import { useState } from 'react';
import Child from './Child'
// import Litter from './Litter';

export const Context = createContext();

function Ancestor() {
    const [state, setState] = useState("state")
    return (
        <Context.Provider value={{ state, setState }}>
            <div>
                <Child />
                {/* <Litter /> */}
            </div>
        </Context.Provider>
    )
}

export default Ancestor